// 引入 createRouter
import { createRouter, createWebHashHistory } from 'vue-router'

// 引入路由对应的组件
import Home from './views/Home.vue'
import About from './views/About.vue'
import Film from './views/Film.vue'
import InfoQuery from './views/InfoQuery.vue'
import InfoParams from './views/InfoParams.vue'

// 调用 createRouter 创建 路由器实例对象
const router = createRouter({
  // 路由模式的指定
  //    1. hash 模式
  //        history: createWebHashHistory()
  //    2. history 模式
  //        history: createWebHistory()
  history: createWebHashHistory(),

  // 路由关系映射表
  //    一个对象就表示一条路由记录
  routes: [
    {
      path: '/home', // url地址
      component: Home, // 组件
      name: 'home', // 命名路由
      meta: {// 路由元信息
        // 自定义任意属性
        a: 1,
        b: 2
      }
    },
    {
      path: '/about',
      component: About,
      name: 'about'
    },
    {
      // 动态路由
      //    :filmId 表示一个可以变化的内容
      //    /film/100
      //    /film/200
      path: '/film/:filmId/:cinemaId',
      component: Film,
      name: 'film',
    },
    {
      path: '/info-query',
      component: InfoQuery,
      name: 'info-query'
    },
    {
      path: '/info-params/:filmId/:filmName',
      component: InfoParams,
      name: 'info-params'
    }
  ]
})

// 最后，导出 路由器实例对象
export default router